<template>
<div class="purchasehistory">
  <el-main>
    <el-button class="export">导出</el-button>
  <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="用户管理" name="first"><bazaar></bazaar></el-tab-pane>
      <el-tab-pane label="配置管理" name="second"><supplier></supplier></el-tab-pane>
    </el-tabs>
  </el-main>
</div>
</template>

<script>
  import supplier from './component/supplier/supplier'
  import bazaar from './component/bazaar/bazaar'
  export default {
    data() {
          return {
            activeName: 'first'
          };
        },
    components:{
      bazaar,
      supplier
    }
  }
</script>

<style>
  .purchasehistory .export{
    position: absolute !important;  
    right: 50px;
    z-index: 999;
  }
</style>
